<template>
    <div class="demoIndex">
        <image-cropper v-model="imgData" :getCropDataAfter="getCropDataAfter"></image-cropper>
    </div>
</template>
<script>
  import {
    Button ,
  } from 'mand-mobile'
  import imageCropper from '../../components/imageCropper.vue'

  export default {
    data () {
      return {
        picUrl : '' ,
        imgData : null ,
      }
    } ,
    components : {
      [ Button.name ] : Button ,
      [ imageCropper.name ] : imageCropper
    } ,
    created () {

    } ,
    mounted () {

    } ,
    methods : {
      getCropDataAfter () {
        console.log ( '#################' )
        console.log ( this.imgData )
        console.log ( '#################' )
      } ,
    } ,
  }
</script>
<style lang="less" scoped>
    .md-button {
        margin: 0.1rem auto;
        width: 92%;
    }
</style>
